﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>教师节快乐！</title>
    <meta charset="utf-8" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link href="css/main.css" rel="stylesheet" />
    <script src="Scripts/layer/layui.js"></script>
    <link href="Scripts/layer/css/layui.css" rel="stylesheet" />
</head>
<body>
    <div class="s-header" style="background:url(./image/教师节通栏背景-2.jpg) no-repeat;background-repeat: no-repeat; background-size: 100% 100%; ">
        <div class="layui-container flex space-between">
            <img src="image/tziti.png" class="s-header-logo" />
            <img src="image/logo1.png" class="s-header-logo" />
            <img src="./image/logo.png" alt="" class="s-header-logo">
            <img src="image/9.png" class="s-header-logo" />
        </div>
    </div>

    <audio controls="controls" autoplay="autoplay" style="display:none">
        <source src="mp3/sound2s.mp3" type="audio/mpeg" />
    </audio>
    <div class="s-subheader" style="">
        <div class="layui-container flex">
            <img src="image/flash6361.gif" height="200" />
        </div>
    </div>

    <div class="example" style="margin-top:-25px;background:url(./image/timg.jpg) no-repeat;background-repeat: no-repeat; background-size: 100% 100%;height:200px ">
        <div class="block">
            <div class="layui-container">
            </div>
        </div>
    </div>

    <div class="example" style="margin-top:-50px;">
        <div class="block">
            <div class="layui-container">
                <div class="text-center">
                    <h1><img src="image/logo.png" width="32" height="32" />教师节快乐！</h1>
                    <p class="h4 text-center mgt10">
                        一把戒尺、一根教鞭、一支粉笔、一个讲台，
                    </p>
                    <p class="h4 text-center mgt10">
                        这是您的人生；
                    </p>
                    <p class="h4 text-center mgt10">
                        一缕微笑、一份尊敬、一声感谢、一句祝福，
                    </p>
                    <p class="h4 text-center mgt10">
                        这是我的礼物。
                    </p>
                    <p class="h4 text-center mgt10">
                        亲爱的老师，节日快乐！
                    </p>
                </div>
            </div>
        </div>
    </div>

    <div class="example" style="margin-top:-50px;background:url(./image/timg2.jpg) no-repeat;background-repeat: no-repeat; background-size: 100% 100%;height:200px ">
        <div class="block">
            <div class="layui-container">
            </div>
        </div>
    </div>

    <div class="example" style="margin-top:-50px;background:url(./image/timg3.jpg) no-repeat;background-repeat: no-repeat; background-size: 100% 100%;height:200px ">
        <div class="block">
            <div class="layui-container">
            </div>
        </div>
    </div>
    <div class="layui-col-md12">
        <div class="s-footer">
            <ul>
                <li>Create by Li</li>
                <li>Version: v1.0</li>
                <li>Last Update:2018-9-9</li>
            </ul>
        </div>
    </div>

    <script>


        layui.use(['element', 'form', 'jquery', 'upload', 'laydate'], function ()
        {

            var element = layui.element;
            var form = layui.form;
            var $ = layui.jquery;
            var layer = layui.layer;
            var upload = layui.upload;

            var laydate = layui.laydate;

            // 子菜单静态高亮
            $('.s-subheader a').each(function ()
            {

                filename = location.href.substr(location.href.lastIndexOf('/') + 1);

                if ($(this).attr("href") == filename)
                {
                    $(this).addClass("active");
                }
            });
        });
    </script>

</body>

</html>